<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:ui="http://java.sun.com/jsf/facelets">

	<form jsfc="h:form">
		<div class="row">
			<h2>Inscription</h2>
			<div class="small-12 medium-6 columns">
				<label class="display">Nom</label> <input jsfc="h:inputText"
					value="#{inscriptionMB.nom}" placeholder="Nom" /> <label
					class="display">Prénom</label> <input jsfc="h:inputText"
					value="#{inscriptionMB.prenom}" placeholder="Prénom" /> <label
					class="display">Date de naissance</label> <input jsfc="h:inputText"
					id="dateNaissanceInscription"
					value="#{inscriptionMB.dateNaissance}" /> <label class="display">e-mail</label>
				<input jsfc="h:inputText" placeholder="votre@email.com"
					value="#{inscriptionMB.email}" /> <label class="display">Téléphone</label>
				<input jsfc="h:inputText" placeholder="Numéro de téléphone"
					value="#{inscriptionMB.telephone}" /> <label class="display">Sexe</label>
				<h:selectOneMenu value="#{inscriptionMB.sexe}">
					<f:selectItem itemValue="Homme" itemLabel="Homme" />
					<f:selectItem itemValue="Femme" itemLabel="Femme" />
				</h:selectOneMenu>
				<label class="display">Mot de passe</label> <input
					jsfc="h:inputSecret" placeholder="Mot de passe"
					value="#{inscriptionMB.mdp}" /> <label class="display">Confirmer
					:</label> <input jsfc="h:inputSecret" placeholder="Mot de passe"
					value="#{inscriptionMB.mdpConfirmation}" />
			</div>
			<div class="small-12 medium-6 columns">
				<h3>Adresse</h3>
				<div class="small-4">
					<label class="display">Numéro</label> <input jsfc="h:inputText"
						placeholder="n°" value="#{inscriptionMB.noRue}" />
				</div>
				<label class="display">Rue</label> <input jsfc="h:inputText"
					placeholder="Rue" value="#{inscriptionMB.rue}" /> <label
					class="display">Code Postal</label> <input jsfc="h:inputText"
					placeholder="Code postal" value="#{inscriptionMB.cp}" /> <label
					class="display">Ville</label> <input jsfc="h:inputText"
					placeholder="Ville" value="#{inscriptionMB.ville}" /> <label
					class="display">Pays</label>
				<h:selectOneMenu value="#{inscriptionMB.pays}">
					<f:selectItem itemValue="Belgique" itemLabel="Belgique" />
					<f:selectItem itemValue="France" itemLabel="France" />
					<f:selectItem itemValue="Luxembourg" itemLabel="Luxembourg" />
				</h:selectOneMenu>
			</div>
		</div>

		<div class="row">
			<div class="small-12">
				<h:commandLink value="" action="#{inscriptionMB.creerClient()}"
					class="button radius large success">M'inscrire</h:commandLink>
			</div>
		</div>
	</form>
</ui:composition>